
<div>
    <ol class="breadcrumb">
        <li>广告中心</li>
        <li><a class="tittle-color" ui-sref="campaigns" ui-sref-opts="{reload: true}">广告投放</a></li>
        <li><a class="tittle-color" ui-sref="campaigns.promotionGroup({campaignsId:$state.params.campaignsId})" ui-sref-opts="{reload: true}">广告推广组</a>
        </li>
        <li><a class="tittle-color" ui-sref="campaigns.promotionGroup.creatives" ui-sref-opts="{reload: true}">广告创意</a>
        </li>
        <li>广告创意详情</li>
    </ol>

    <div class="clearfix mt-10">
        <label class="title">
            <label>A</label>
            <span>{{title.advShortName}}</span>
        </label>
        <label class="title">
            <label>C</label>
            <span>{{title.campaignName}}</span>
        </label>
        <label class="title">
            <label>G</label>
            <span>{{title.groupName}}</span>
        </label>
    </div>

    <form class="form-horizontal" name="mainForm" novalidate>
        <section class="fg-section">
            <h5>{{creative.title.adStyleName}}</h5>
            <div class="form-group" style="overflow: hidden;">
                <label class="col-sm-2 control-label">广告创意名称</label>
                    <div class="col-sm-8 pt-8" >
                        <p class="form-control-static" >{{creative.creativeVO.creativeName}}</p>
                    </div>
            </div>
            <div class="form-group" style="overflow: hidden;">
                <label class="col-sm-2 control-label">广告点击</label>
                <div class="col-sm-8 pt-8">
                    <p class="form-control-static ds" >{{creative.creativeVO.webUrl}}</p>
                    <a href="{{creative.creativeVO.webUrl}}" target="_blank" class="ml-20">预览</a>
                </div>
            </div>
            <div class="form-group" style="overflow: hidden;">
                <label class="col-sm-2 control-label">{{creative.title.adStyleName}}</label>
                <div class="col-sm-8 pt-8">
                    <div class="adv-show"  ng-if="creative.title.adStyleId==82 || creative.title.adStyleId==84 || creative.title.adStyleId==81">
                        <div class="adv-pic" >
                            <img alt="" ng-src="{{creative.creativeVO.picUrl}}">
                        </div>
                        <div class="bg-stop" id="bg-stop" ng-if="creative.title.adStyleId==82 || creative.title.adStyleId==84">
                            <img src="image/pause.png">
                        </div>
                        <div class="adv-audio" ng-if="creative.title.adStyleId==82 || creative.title.adStyleId==84">
                            <audio  id="audio" style="display: none" ng-src="{{$sce.trustAsResourceUrl(creative.creativeVO.mediaUrl)}}">您的浏览器不支持html5</audio>
                        </div>
                    </div>
                    <div class="bg-stop1" id="video-stop" ng-if="creative.title.adStyleId==83">
                        <img src="image/pause.png">
                    </div>
                    <div class="adv-show1" ng-if="creative.title.adStyleId==83">
                        <div class="adv-video">
                            <video id="video"   ng-src="{{$sce.trustAsResourceUrl(creative.creativeVO.mediaUrl)}}"  >您的浏览器不支持html5</video>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <div class="text-center">

            <button type="button" class="btn btn-primary" ui-sref="campaigns.promotionGroup.creatives.update({creativeId:creative.creativeVO.creativeId})" >修改</button>
            <button type="button" class="btn ims-btn" ng-click="cancel()">取消</button>
        </div>
    </form>
</div>
